<template>
	<view class="sign-in">
		<view>
			
			<view class="rule-title">达人认证条件</view>
			<view class="rule-content" v-text="msg1" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;">达人规则</view>
			<view class="rule-content" v-text="msg2" style="white-space:pre-wrap;"></view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const network = require("@manager/network-manager.js")
	import calendar from '@components/r-calendar/r-calendar.vue'
	const dialog = require("../../../utils/dialog.js")
	import titlebara from '@/components/titlebar/titlebar'
	export default {
		components: {
			calendar,
			titlebara

		},
		data() {
			return {
				value: true,
				windowHeight: 0,
				navigationBarHeight: app.globalData.statusBarHeight + 44 + 'px',
				selected: [],
				checkinDay: 0,
				msg1:'一：创作达人\n1.社区中发布10篇以上内容（发动态/发文章）\n2.二次以上动态/文章加精以上条件同时满足即可申请\n\n二：带货达人\n1.邀请10人完成试驾（试驾单状态：已完成）\n2.邀请2人以上购买车辆（整车订单状态：待评价/已完成）\n\n以上条件满足其一即可申请',
				msg2:'1.达到对应申请达人（创作达人/带货达人）条件即可申请认证。\n2.每月只可申请达人认证一次。\n3.获得达人认证后，超过60天未登录app，达人认证身份自动取消，若取消后重新满足申请条件，可重新申请达人认证。\n4.获得达人认证后，有效期为365天，到期后重新满足申请条件，可重新申请达人认证。',
			};
		},
		onLoad: function(options) {},
		onShow() {
			
		},
		methods: {
			
		}
	}
</script>
<style>
	page {
		background: url('@appstatic/img/my/bg-img.jpg') no-repeat center center fixed;
		background-size: cover;
		box-sizing: border-box;
	}
</style>
<style lang='scss' scoped>
	.sign-in {
		width: 100vw;
		min-height: 100vh;
		box-sizing: border-box;
		/* background: #EDEDED url(@appstatic/img/my/bg-img.jpg) no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-attachment: fixed; */

		image {
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
		}

		.top-box {
			width: 750rpx;
			max-height: 750rpx;
			overflow: hidden;
			position: relative;

			.top-bg {
				display: block;
				width: 100%;
			}

			.btn-img {
				width: 178rpx;
				z-index: 99;
				position: absolute;
				top: 470rpx;
				left: 60rpx;
			}

			.text-box {
				z-index: 99;
				position: absolute;
				top: 200rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 40rpx;
					line-height: 46rpx;
				}

				.text {
					font-size: 28rpx;
					line-height: 40rpx;
				}
			}

			.text-box-small {
				z-index: 99;
				position: absolute;
				top: 250rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 24rpx;
					line-height: 40rpx;
				}

				.text {
					font-weight: 500;
					font-size: 24rpx;
					line-height: 40rpx;
				}
			}
		}
		.rule-title {
			font-weight: 700;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
		}
		.rule-content {
			font-weight: 500;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
			
		}

		.calendar-box {
			margin-top: 10rpx;

			/deep/.uni-calendar__content {
				background-color: rgba(0, 0, 0, 0);
			}

			/deep/.uni-calendar__backtoday {
				display: none;
			}

			/deep/.uni-calendar__header {
				border: none;
			}

			/deep/.uni-calendar__header-btn {
				border: none;
				background: #3D3A3A;
				transform: matrix(0, -1, -1, 0, 0, 0);
			}
		}
	}
</style>
<!-- <template>
	<view class="expert-instructions">
		<web-view :src="url"></web-view>
	</view>
</template>

<script>
	const app = getApp();
	const network = require("@manager/network-manager.js");
	const dialog = require("../../../utils/dialog.js");
	export default {
		data() {
			return {
				value: true,
				windowHeight: 0,
				url: ''
			};
		},
		onLoad(options) {
			this.url = app.globalData.config.HTML_ROOT + app.globalData.config.interfaces.URL_APP_MASTERRULT
		
		},
		mounted() {
		},
		methods:{

    }
	}
</script>

<style lang='scss' scoped>
	.expert-instructions {
    width: 100vw;
    box-sizing: border-box;
    background-color: #f5f5f5;
    color: #3D3A3A;
    .bg-img {
      position: fixed;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: -1;
    }
    .content-box {
      padding: 20rpx 32rpx;
      .header-title {
        font-weight: 600;
        font-size: 32rpx;
        line-height: 40rpx;
        margin-top: 20rpx;
      }
      .sub-title {
        font-weight: 600;
        font-size: 28rpx;
        line-height: 40rpx;
        margin-top: 20rpx;
      }
      .content {
        font-size: 28rpx;
        line-height: 40rpx;
        margin-top: 20rpx;
      }
    }
    
  }
</style>
 -->